.elevatorRescue {
    display: flex;
    flex-direction: column;
}

.smartRescueCard {
    width: 83rem;
    background: url('@/assets/home/elevatorRescue/smart_rescue.png');
    background-size: contain;
    background-repeat: no-repeat;
    height: 84rem;
    margin-left: 3rem;
    position: relative;
    font-size: 1.8rem;
}

.smartRescueCard>div>span {
    font-size: 3.6rem;
    font-weight: bold;
    padding: 0 0.7rem 0 0.5rem;
    letter-spacing: 0.1rem;
}

.alertNum {
    position: absolute;
    top: 15rem;
    left: 24rem;
}

.alertHandlingNum {
    position: absolute;
    top: 30rem;
    left: 24rem;
}

.alertWaitNum {
    position: absolute;
    top: 46rem;
    left: 24rem;
}

.monthHandling {
    position: absolute;
    top: 59rem;
    left: 7rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    text-align: center;
}

.yearTotal {
    position: absolute;
    top: 59rem;
    left: 27rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    text-align: center;
}

.monthClear {
    position: absolute;
    top: 59rem;
    left: 43.7rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    text-align: center;
}

.clearYearTotal {
    position: absolute;
    top: 59rem;
    left: 64rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    text-align: center;
}

.smartRescueCardLabel {
    font-size: 2.2rem;
}

.smartRescueCardNumber {
    color: transparent;
    background: linear-gradient(to top, #1cf8d3, #fff);
    background-clip: text;
    font-size: 5.3rem;
}

.rescueSpotCard {
    width: 83rem;
    background: url('@/assets/home/elevatorRescue/rescue_spot.png');
    background-size: contain;
    background-repeat: no-repeat;
    height: 55rem;
    margin-left: 3rem;
    position: relative;
}

.spotsTotal {
    position: absolute;
    top: 15.5rem;
    left: 17.7rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.serviceTotal {
    position: absolute;
    top: 15.5rem;
    left: 57rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.serviceWorking {
    position: absolute;
    top: 30.5rem;
    left: 17.7rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.restService {
    position: absolute;
    top: 30.5rem;
    left: 57rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.rescueSpotCardCount {
    font-size: 6rem;
    color: transparent;
    background: linear-gradient(to top, #1cf8d3, #fff);
    background-clip: text;
    font-weight: bold;
}

.rescueSpotCardCount>span {
    font-size: 2.4rem;
    font-weight: normal;
}

.rescueSpotCardLabel {
    color: #1dfbd1;
    font-size: 2rem;
}

.trappedPersonAnalysis {
    width: 83rem;
    background: url('@/assets/home/elevatorRescue/trapped_person_analysis.png');
    background-size: contain;
    background-repeat: no-repeat;
    height: 59rem;
    margin-left: 3rem;
}

.trappedPersonAnalysisChart {
    width: 80rem;
    height: 51rem;
    margin: 8rem 1.5rem 0;
}